<template>
    <div :class="landingClass">
        <AppNews />
        <AppTopBar :showMenuButton="false" />
        <LandingHero />
        <LandingComponents />
        <LandingFeatures />
        <LandingFooter />
    </div>
</template>

<script setup lang="ts">
import { computed } from 'vue';

definePageMeta({
    layout: 'landing'
});

const { layoutState } = useLayout();

const landingClass = computed(() => {
    return [
        'pt-16',
        {
            'layout-news-active pt-24': layoutState.newsActive
        }
    ];
});
</script>
